<template>
  <main class="selfmain">
    <div class="self" style="width:100%;height:170px;background:#07c160;">
      <img src="../assets/images/personal.jpg" style="width:30%;border-radius:50%;margin:25px;float:left;"><router-link to="/Login"><span style="line-height:160px;color:#f6f6f6;font-size:16px;">登录/</span></router-link><router-link to="/Rsg"><span style="line-height:160px;color:#f6f6f6;font-size:16px;">注册</span></router-link>
    </div>
    <div class="md-example-child md-example-child-cell-item md-example-child-cell-item-0">
      <md-field>
        <md-cell-item title="用户信息" arrow @click="goPersonal" />
        <md-cell-item title="我的拍拍" arrow @click="goPhoto" />
        <md-cell-item title="游客意见" arrow @click="goVisitor" />
        <md-cell-item title="发稿平台" arrow @click="goVisitor" />

      </md-field>
      <Footer></Footer>
    </div>
  </main>
</template>

<script>
import {Field, CellItem, Dialog, Icon} from 'mand-mobile'
import Footer from './common/Footer'
export default {
  name: 'cell-item-demo',

  components: {
    [Field.name]: Field,
    [CellItem.name]: CellItem,
    [Icon.name]: Icon,
    Footer
  },

  data() {
    return {

    }
  },

  methods: {
    goPersonal: function() {
      this.$router.push({ path: '/Personal'})
    },
    goPhoto: function() {
      this.$router.push({ path: '/Photo'})
    },    
    goVisitor: function() {
      this.$router.push({ path: '/Visitor'})
    },
    // goSetup: function() {
    //   this.$router.push({ path: '/Setup'})
    // },
  },
}

</script>

<style>
.selfmain .md-cell-item-body{
  padding:0;
}
.selfmain .md-cell-item-title{
  font-size:12px;
}
</style>